import React, { Component } from "react"
import RightContainer from "../../../components/RightContainer"
import "./index.css"
import { Tabs,Switch,Checkbox } from 'antd';
const { TabPane } = Tabs;
class list extends Component {
    render() {
        function callback(key) {
            console.log(key);
        }
        function onChange(checked) {
            console.log(`switch to ${checked}`);
          }
          function onChange(e) {
            console.log(`checked = ${e.target.checked}`);
          }
        return <RightContainer>
            <Tabs defaultActiveKey="1" onChange={callback}>
                <TabPane tab="设置" key="1">
                    <div>
                        开启到店支付<Switch className="q3" defaultChecked onChange={this.onChange} />
                    </div>
                    <div className="q1">
                        收款方式<Checkbox className="q2" onChange={onChange}>门店扫码</Checkbox>
                    </div>
                    <div className="q4"></div>
                </TabPane>
                <TabPane tab="收款列表" key="2">
                    Content of Tab Pane 2
                </TabPane>
            </Tabs>
        </RightContainer>
    }
}
export default list